Page({
  data: {
    dataList:  [], // 存放当前页面的数据
    page: 1, // 当前页数
    pageSize: 15, // 每页数据条数
    hasMoreData: true, // 是否还有更多数据（用于控制是否继续加载）
    loading: false // 是否正在加载中（用于避免重复加载）
  },

  onLoad() {
    // 页面加载时触发的函数，可以在这里进行初始化数据加载
    this.loadData();
  },

  // 上拉触底事件处理函数
  onReachBottom() {
    console.log("触发了上拉触底！")
    // 判断是否还有更多数据需要加载，以及是否当前没有在加载中
    if (this.data.hasMoreData && !this.data.loading) {
      this.loadData(); // 执行加载数据的函数
    }
  },

  // 加载数据的函数
  loadData() {
    const {
      page,
      pageSize,
      list
    } = this.data;

    let that = this;
    wx.showLoading({
      title: '加载中...',
    });

    let newDataList = this.data.dataList

    // 延后一下，不然加载的过程都没有，^……^
    setTimeout(() => {
      wx.request({
        url: 'http://localhost:8080/api/getSomgImgPages?page=' + page + "&size=" + pageSize,
        method: 'GET',
        success(res) {
          console.log("数据获取成功:")
          console.log(res.data);
          // 获取此页数据
          const newData = res.data.data;
          // 显示加载中的提示
          console.log("新数据:")
          console.log(newData)

         // 将新数据与已有数据合并->可以用concat，似乎不行（垃圾微信小程序好像不支持）
          for (let i = 0; i < newData.length; i++) {
            newDataList.push(newData[i])
          }

          // 更新页面数据
          that.setData({
            dataList: newDataList, //更新数据
            page: page + 1, // 更新页数，准备下一次加载
            //如果不等于，说明到数据瓶颈了...
            hasMoreData: newData.length === pageSize, // 判断是否还有更多数据
            loading: false // 设置加载状态为 false，表示加载完成
          });
          console.log("合并后数据:")
          console.log(that.data.dataList)
          console.log(`hasMoreData数据为${that.data.hasMoreData},若true就是还有数据`)

          // 隐藏加载中的提示
          wx.hideLoading();

        },
        //失败的回调函数:
        fail(err) {
          console.log(err);
          // 处理请求失败的情况
          wx.showToast({
            title: '数据加载失败，请重试！',
            icon: 'error',
            duration: 2000
          });
        }
      });

    }, 1000)







  },



});